body {

  .layer-manager-toggle {
    .iblock();
    text-align: center;
    width: 150px;
    padding-top: 6px;

    .layer-manager-icon {
      .iblock();
      background-image: url(../images/layersButton.png);
      width: 75px;
      height: 39px;
      margin-top: 6px;
    }

    .layer-manager-icon:hover {
      background-image: url(../images/layersButtonHover.png);
    }
  }

  .context-panel .layer-manager-toggle {
    width: auto;
    vertical-align: top;
    padding-top: 0;
    padding-left: 6px;
    position: relative;
    top: -1px;
  }

  .layer-manager.desktop {
    position: fixed;
    width: 266px;
    top: 144px;
    left: 0;
    z-index: 1;
    background-color: @wc_bg;
    padding: 0 4px 6px;
    box-sizing: border-box;

    .tree {
      border: solid 1px rgba(105, 115, 150, .7);
      div.checkbox.activelayer span[localize] {
        background: rgba(255, 255, 255, .85);
        color: #333;
      }
      div.checkbox label {
        max-width: 180px;
        overflow: hidden;
        display: inline-block;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;

      }
    }
    .time-scrubber {
      margin-top: 10px;
      table.table {
        margin-bottom: 2px;
        th, td {
          font-size: 10px;
          padding: 1px 3px 0;
          height: 17px;
        }
      }
      h5 {
        margin: 5px 0 2px;
        font-weight: 100;
        font-size: 12px;
      }
      .control{
        display:block;
        span {
        font-size: 11px;
      }
        .scrubber-slider{
          display:block;
          width:100%;
          a.btn{
            left:0;
            top: 2px;
            border-top-right-radius: 3px;
            border-top-left-radius: 3px;
          }
        }
      }
    }
  }
  .layer-manager {
    div.collapsed {
      div.indent i, div.indent .checkbox {
        display: none;
      }
    }

    .tree {
      width: 100%;
      white-space:nowrap;
      div.checkbox {
        display: inline-block;
        height: 18px;
        overflow: hidden;
        position: relative;
        top: -1px;

        label {
          height: 18px;
          &:hover:before {
            box-shadow: none;
            border: solid 1px #566783;
          }
        }
        label[localize]:before:hover {
          box-shadow: inset 0 1px 4px lighten(#394558, 10%), 0 0 10px 1px rgba(62,157,206,1) !important;
          border-color: rgba(128,168,220,.99) !important;
        }
      }

      i.fa {
        cursor: pointer;
        position: relative;
        top: -8px;
      }

      overflow: auto;
    }

    .close {
      color: @text-color;
      margin-top: -2px;
    }

    h5 {
      margin: 1px 0 4px;
    }
  }
}
